import styled from 'styled-components'

export const LoginWrapper = styled.div`
position: absolute;
z-index: -1;
left: 0;
right: 0;
bottom: 0;
top: 56px;
background: #eee;
` 

export const LoginBox = styled.div`
width: 400px;
height: 200px;
margin: 80px auto;
padding-top: 10px;
background: #fff;
box-shadow: 0 0 8px rgba(0,0,0,.1);
`

export const Input = styled.input`
display: block;
width: 200px;
height: 30px;
line-height: 30px;
padding: 0 10px;
margin: 26px auto;
color: #777;
`

export const Button = styled.div`
width: 220px;
height: 30px;
line-height: 30px;
color: #fff;
background: #3194d0;
border-radius: 15px;
margin: 10px auto;
text-align: center;
`